Publishing
Q:
I published the menu to the <body> section of my document, the menu works, however it broke my page content.
A:
Most of the time this is related to accidental syntax errors created by the user during the publish porcess. The menu does not include any code that affects or interacts with the document content. To fix the issue return the page to exactly how it was without the menu, then republish. When you republish make certain that you are inside a valid tag, e.g. don't paste the code directly to a TABLE tag, instead paste it within a tables TD tag.
Q:
My published menu looks different / broken in IE, but works correctly in the other browsers.
A:
One of two things typically causes issues in IE only. First check for a syntax error in your HTML, IE has weak parsing compared to FireFox and Chrome and will break easily. Next verify that IE is not running in 'Quirks' mode (in IE9 press F12 and make sure it says 'IE9 Standards'). NodeFire is not compatible with Quirks mode documents and may not run or display correctly. You can force IE into standards mode with the following meta tag (make it the first meta tag in your documents <head> section)...
Q:
The published menu is showing on top of other pop up boxes (lightbox, slide shows, etc...), but should be under them.
A:
By default QuickMenu sets the z-index value very high so it shows over most other dynamic content in the page, however sometimes its to high and needs to be lowered. The easiest way to lower the z-index is to wrap the menu structure in a position relative div with a low z-index value...
Saving & Opening
Q:
Using 'File' --> 'Open' does not open my menu for editing, instead the visual interface goes back to the template screen.
A:
Make sure you are opening a valid .html file which was saved with the visual interface. To test if the file is valid, open it in a browser and make sure a fully functional version of your menu is visible. The visual interface can only open a menu for editing from an HTML page which has a visible menu running in it, attempting to open the menu from a .js file with saved menu code will fail.
Make sure the menu is a Visual NodeFire menu and not a different OpenCube menu product. If its a different product you may be able to import your menu structure using the import options under the file menu.
Make sure the menu is a Visual NodeFire menu and not a different OpenCube menu product. If its a different product you may be able to import your menu structure using the import options under the file menu.
Menu Options
Q:
How do I show a sub menu automatically when the page loads?
A:
The persistent add-on ('Add-Ons' --> 'Persistent State') can automatically find the link in your menu which matches the current document location and show the sub menu on-load. You can also add special styling to the matching link and its parent chain with the persistent styles in the Global CSS sections of the left tree.
Q:
How do I make my menus flow from right to left?
A:
For the text, change the alignment to 'right' in the Global CSS section of the left tree (look under the 'font' settings). For the sub menus you can change the default positioning to the left with the flow & sizing features ('Settings' --> 'Flow & Sizing).
If you need to add the direction property to your CSS for 'rtl', you can manually add it after you publish the menu. Make sure to uncheck the 'compress menu code' option before publishing so your CSS code is easy to manually add styles to.
If you need to add the direction property to your CSS for 'rtl', you can manually add it after you publish the menu. Make sure to uncheck the 'compress menu code' option before publishing so your CSS code is easy to manually add styles to.
Q:
How do I convert a single column sub menu to multiple columns?
A:
Right click any item in the sub menu and choose 'Convert to Columns'. This will clone your original column and add it as a new second column which can be easily edited. To add more columns, right click a column item and choose 'Columns' --> 'Clone Selected Column'.
Menu Design
Q:
How do I set the background color of a sub menu semi-transparent without applying the transparency to all the content.
A:
There are two ways to set transparent values on subs and items. The first way is to use an 'opacity' style, however these are applied to the entire sub container plus its items and content.
Instead of an opacity style you can give a color value alpha transparency, this can be done in the color dialog (near the bottom left in the dialog). Set the alpha transparency on the background color for the sub menus and the subs items and content will not be adversely affected.
Note: If you have colors set on your static items, you will need to make them 'transparent' or delete the setting so they don't cover your subs alpha transparency background color.
Instead of an opacity style you can give a color value alpha transparency, this can be done in the color dialog (near the bottom left in the dialog). Set the alpha transparency on the background color for the sub menus and the subs items and content will not be adversely affected.
Note: If you have colors set on your static items, you will need to make them 'transparent' or delete the setting so they don't cover your subs alpha transparency background color.
Q:
Why does the sub menu appear under its parent item vs. above it?
A:
Some of the templates set the z-index on the main active items above the subs. The higher z-index allows items and subs to have a continous connected look by matching the items left or bottom border color to the subs background color. These styles and the z-index are applied to the parent active state for the main items in the global css. To change the items so they appear under the sub, remove or lower the items parent active z-index (hint: select 'other' for the style type in the filter).